<template>
  <view class="loading"></view>
</template>

<script lang="ts">
import Vue from 'vue'
export default Vue.extend({
  data() {
    return {}
  },
  onLoad() {},
  methods: {}
})
</script>

<style lang="scss" scoped>
.loading {
  border: 4rpx solid rgba(26, 82, 118, 0.2);
  border-top-color: $uni-theme-color;
  border-radius: 50%;
  width: 80rpx;
  height: 80rpx;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
</style>
